// input样式
.el-input {border-color: #fff;
  input {background-color: transparent;color: #fff}
  &.is-disabled .el-input__inner {
    background-color: rgba(255, 255, 255, .2);}
}
.el-textarea {border-color: #fff;
  textarea {background-color: transparent;color: #fff}
}

.el-date-picker__time-header .el-input input {color: #606266;}

// primary button 样式
.el-button.el-button--primary {background-color: #202ab0;border-color: #202ab0;
  &:focus {background-color: #4d55c0;border-color: #4d55c0;}
  &:hover {background-color: #4d55c0;border-color: #4d55c0;}
  &:active {background-color: #1d269e;border-color: #1d269e;}
}

// 弹窗 样式
.el-message-box.custom {background-color: rgba(0, 112, 255, .2);border-color: #0070ff;
  .el-message-box__title {color: #fff;font-weight: bold;}
  .el-message-box__close {color: #fff;}
  .el-message-box__content {color: #fff;}
  .el-button--primary {background-color: #202ab0;border-color: #202ab0;
    &:focus {background-color: #4d55c0;border-color: #4d55c0;}
    &:hover {background-color: #4d55c0;border-color: #4d55c0;}
    &:active {background-color: #1d269e;border-color: #1d269e;}
  }
}

html .el-radio {color: #fff; }

html .el-dialog {width: 400px;background-color: rgba(0, 112, 255, .2);border: 1px solid #0070ff;
  .el-dialog__header {text-align: center;}
  .el-dialog__title {color: #fff;font-weight: bold;}
  .el-dialog__close {color: #fff;}
  .el-dialog__body {color: #fff;}
  .el-button--primary {background-color: #202ab0;border-color: #202ab0;
    &:focus {background-color: #4d55c0;border-color: #4d55c0;}
    &:hover {background-color: #4d55c0;border-color: #4d55c0;}
    &:active {background-color: #1d269e;border-color: #1d269e;}
  }
}

.v-modal {background-color: #0b1026;opacity: .86;}

// 分页 样式
.page.tc.mt-30 .el-pagination {
  .btn-prev, .btn-next {padding: 0 20px;
    &:hover{color: #409EFF;}
    &:disabled {color: #5c65e0;}
  }
  .btn-prev, .btn-next, li.number, li.more {background-color: #081449;border: 1px solid #1520be;color: #5c65e0;
    &:not(:disabled).active {background-color: #1520be;color: #fff;}
  }
}

.card {background-color: #000418;padding: 18px 36px;}

h2.title {font-size: 18px;line-height: 44px;color: #fff;display: flex;align-items: center;}

.link {color: #4353da}

.date-popper .el-input input {color: #333;}

.map-tooltip {width: 300px;
  h3 {font-size: 16px;}
  div {font-size: 16px;line-height: 42px;
    .dot {width: 8px;height: 8px;border-radius: 4px;margin-right: 8px;}
    &:nth-child(2) .dot {background: rgb(95, 199, 250);}
    &:nth-child(3) .dot {background: rgb(230, 135, 60);}
    &:nth-child(4) .dot {background: rgb(200, 87, 75);}
    &:nth-child(5) .dot {background: rgb(170, 35, 59);}
    &:nth-child(6) .dot {background: rgb(235, 168, 121);}
    &:nth-child(7) .dot {background: rgb(88, 191, 125);}
    &:nth-child(8) .dot {background: rgb(200, 87, 75);}
    &:nth-child(9) .dot {background: rgb(230, 135, 60);}
    &:nth-child(10) .dot {background: rgb(95, 199, 250);}
  }
}

@font-face {
  font-family: 'PangMenZhengDao';
  src: url("../font/庞门正道标题体.ttf");
}
@font-face {
  font-family: 'PingFangSC-Regular';
  src: url("../font/苹方黑体-准-简.ttf");
}
@font-face {
  font-family: 'PingFangSC-Medium';
  src: url("../font/苹方黑体-中粗-简.ttf");
}
